.real {background-color: #f5f8fa;
  .header{ width: 1200px; margin:0 auto ; padding: 10px 0 0 0; position: relative;
    .right{float: right}
    .left{
      float: left;}
    #top{margin-bottom: 20px;
      height:20px; line-height: 20px;padding: 0 25px; font-size: 15px;}
    #se{ margin-bottom: 20px; padding: 10px 0 0 110px; height :97px; margin: 0 auto;
      width:1200px; position: relative; margin-bottom: 20px;
      #logo{ margin-right: 55px; float:left;}
      #serach_f{width:670px; height:50px;border: 1px #e01222 solid; float:left; position: absolute;
        right:200px; top: 25px;
        color: #cccccc; line-height: 50px; font-size: 15px; padding-left: 5px;
        #serach{
          width:136px; height:50px; background-color: #e01222; position: absolute;
          right:0; bottom: 0; color:#FFFFFF;  font-size: 15px; line-height:50px; text-align: center;}}}
    .banner{#kind{width: 180px;
      height:45px; background-color: #e01222; line-height: 45px; font-size: 15px; color: #FFFFFF;
      text-align: center;
      float: left; }
      li{float: left;
        a{ display: block;padding: 0 25px;
          color: #000;height:45px; line-height: 45px; float: left;font-size: 16px;}
      }
      span{ line-height: 45px;}

    }
    .weal{
      width: 194px;
      height:46px;position: absolute;
      right:0; bottom: 3px;
      .box1{
        width:46px;
        height:46px;border-radius:50% ; position: absolute;
        background: url(../img/information/福利.png) no-repeat center;
        left:0; z-index: 3; background-color: #FFFFFF}}
    .box2{
      width:164px; height: 33px;
      color: #faca40; background-color: #e10222; position: absolute;
      right:0;
      top:6px; text-align: center; line-height: 33px;}

  }
  .line{
    height:2px; background-color: #e01222; margin-bottom: 25px;}
  .main {
    width: 1200px;
    margin: 0 auto;
    height: 978px;
    padding-bottom: 20px;
    .nav {
      padding: 0 8px;
      float: left;
      width: 160px;
      margin: 0 auto;
      background-color: #FFFFFF;
      .personal {
        height: 51px;
        background: url(../img/information/per.png) no-repeat;
        background-position: left 20px top 20px;
        border-bottom: 3px #e10222 solid;
        font-size: 16px;
        color: #e10222;
        line-height: 51px;
        text-align: center;
        img {
          margin-right: 10px;
        }
      }
      #per {
        font-size: 14px;
        text-align: center;
        background: url(../img/information/个人资料le.png) no-repeat;
        background-position: left 20px top 25px;
        height: 50px;
        line-height: 30px;
        text-align: center;
        padding-top: 20px;
        img {
          margin-right: 12px;
          font-size: 14px;
        }
      }
      ul {li {
        line-height: 30px;
        text-align: center;
        height: 29px;
        a{
          color: #9999a6;
          font-size: 13px
        }

      }}
      #deal {
        background: url(../img/information/天平.png) no-repeat;
        background-position: left 20px top 25px;
      }
      #qq {
        background: url(../img/information/qq.png) no-repeat;
        background-position: left 20px top 25px;
        border: none;
      }
      #rich {
        background: url(../img/information/资产.png) no-repeat;
        background-position: left 20px top 25px;
      }
      #collect {
        background: url(../img/information/收藏文件夹.png) no-repeat;
        background-position: left 20px top 25px;
      }
      #deal, #qq, #collect, #rich {
        font-size: 14px;
        text-align: center;
        height: 50px;
        line-height: 30px;
        text-align: center;
        padding-top: 20px;
        img {
          margin-right: 12px;
          font-size: 14px;
        }
      }
      ul {
        border-bottom: 1px #cccccc solid;
        padding-bottom: 20px;
        li {
          .link{color: #e10222;}
          line-height: 30px;
          text-align: center;
          height: 29px;
          a {
            color: #9999a6;
            font-size: 13px
          }
        }
      }
    }
    .right {
      .sub{  padding: 50px 0 0 100px; position: relative;
        ul{  border: 1px #cccccc solid;
          li{ height:32px; line-height: 32px;
            span{margin-left: 100px;
              color: #cccccc;}
          }}
        .s{
          width:185px; position: absolute;
          top:230px;left:189px; margin-right: 5px; display: none}
        .a{position: absolute;
          top:230px; left:566px; width:185px;margin-right: 5px;display: none;}
        .c{
          width:185px;position: absolute;display: none;
          top:230px; left:376px;
        }
        #area{
          width:575px;
          height:65px;}


        #a1{ margin-right: 5px; margin-left: 100px;}
        a{display: inline-block; width: 58px;
          height:32px; background-color: #e10222; text-align: center; line-height: 32px;
          color: #FFFFFF; font-size: 15px;}
        #len{
          width:600px;
          height:20px; line-height: 20px; font-size: 13px; margin-left:85px; color: #cccccc; display: block;text-align: left; margin-bottom: 20px;}
        #city{
          input{ width: 185px;border: 1px #cccccc solid; height:36px; }
        }
        p{
          height:70px;
          span{ font-size: 15px; text-align: left; margin-right: 22px; display: inline-block; width:63px;}
          input{ width:575px; text-align: left;
            height:36px; border: 1px #cccccc solid;
            color: black;}

        }
        div{
          width:68px;
          height:28px; background-color: #e10222;
          color: #FFFFFF; font-size: 16px; text-align: center; line-height: 28px; margin-left: 313px; cursor: pointer;}
      }
      width: 1020px;
      height:958px;background-color: #FFFFFF; float: right;
      .r_p{ font-size: 19px;
        padding-left: 10px;
        height:65px; line-height: 65px; border-bottom: 1px #cccccc solid; }
      .r_p1 {
        font-weight: bold;
        height: 45px;
        line-height: 45px;
        border-bottom: 1px #cccccc solid;
        font-size: 15px;
        padding-left: 10px;
      }

      #btu {
        width: 160px;
        height: 32px;
        background-color: #e10222;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        color: #FFFFFF;
        margin-left: 110px;
      }
    }
    #p_car1, #p_car2 {
      padding-top: 40px;
      padding-left: 35px;
      height: 190px;
      margin-bottom: 45px;
      p:nth-of-type(1){ width:75px;
        float: left;}
      p:nth-of-type(2){width:30px; float:left;}
      .example{ width: 210px; height: 141px;background-color: #f5f5f5; border: 1px #cccccc dashed;float: left;}
      .photo1,.photo2{ width: 210px; float: left; margin-right: 5px;
        height:141px; border: 1px #cccccc dashed;font-size: 15px; text-align: center; line-height: 141px; background: url(../img/address/add_p.jg.jpg) center 43px  no-repeat #f5f5f5;}
      span {
        display: inline-block;
        margin-right: 5px;
        height: 132px;
      }

    }
  }
  .footer{ margin: 0 auto;
    width:1200px;
    border-top:2px #e10222 solid;
    .p1{
      height:35px; line-height: 35px; border-bottom: 1px #cccccc solid; text-align: center;
      span{
        color: #cccccc;}
      a{  padding: 0 12px; font-size: 14px;
        color: #cccccc;}}
    .p2{ height:50px; line-height: 50px; text-align: center;
      a{ font-size: 15px; padding: 0 5px}}
  }
  .main {


  }

}

